@import url(http://fonts.googleapis.com/css?family=Pontano+Sans);
/* line 17, ../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* line 20, ../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
body {
  line-height: 1; }

/* line 22, ../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none; }

/* line 24, ../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* line 26, ../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

/* line 28, ../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none; }
  /* line 101, ../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
  q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none; }

/* line 30, ../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none; }

/* line 114, ../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block; }

/**************************************\
			   COLORS
\**************************************/
/* PRIMARY COLORS*/
/* COMPLIMENTARY COLORS*/
/**************************************\
			   FONTS
\**************************************/
/**************************************\
			PAGE DEFINITIONS
\**************************************/
@page {
  margin-bottom: 1cm;
  margin-left: 1.5cm;
  margin-right: 1.5cm;
  margin-top: 1cm;
  padding-top: 0.5cm;
  size: A4;
  font-size: 1em;
  line-height: 1.2em;
  font-family: OpenSansRegular;
  @bottom-right {
    content: "Seite " counter(page) " von " counter(pages);
    border-top: 1px solid silver;
    font-size: 80%;
    color: gray;
    margin-bottom: 15px; }

  @top-center {
    content: normal; }

  @bottom-center {
    content: "ITSysAdminFwWebSK";
    border-top: 1px solid silver;
    font-size: 80%;
    margin-bottom: 15px;
    color: gray; }

  @bottom-left {
    content: "HF Weidinger - L Siegerth";
    border-top: 1px solid silver;
    font-size: 80%;
    color: gray;
    margin-bottom: 15px; }

  @top-right {
    content: string(chapter) " :: " string(section);
    color: gray;
    border-bottom: 1px solid silver;
    font-size: 90%;
    padding-top: 10px; }

  @top-left {
    border-bottom: 1px solid silver;
    padding-top: 10px;
    font-size: 90%;
    color: gray; } }

/**************************************\
			   ELEMENTS
\**************************************/
/* line 95, ../sass/print.scss */
ol {
  list-style: decimal;
  margin-bottom: 10px;
  margin-top: 10px; }

/* line 100, ../sass/print.scss */
ul {
  list-style: square;
  margin-bottom: 10px;
  margin-top: 10px; }

/* line 105, ../sass/print.scss */
li {
  margin-left: 25px; }

/* line 109, ../sass/print.scss */
a {
  text-decoration: none;
  color: #000; }

/* line 113, ../sass/print.scss */
caption {
  display: block;
  font-size: 80%;
  margin-bottom: 3px;
  text-align: center; }

/* line 123, ../sass/print.scss */
table td {
  border: 1px solid #6b90d4; }
/* line 126, ../sass/print.scss */
table th {
  border: 1px solid #4577d4;
  background-color: #ffbc40; }

/**************************************\
			  TITLE PAGE
\**************************************/
@page :first {
  @top-center {
    content: normal; }

  @bottom-right {
    content: normal; }

  @bottom-left {
    content: normal; }

  @top-left {
    content: normal; }

  @top-right {
    content: normal; } }

/* line 154, ../sass/print.scss */
.titlepage {
  page-break-after: always;
  text-align: center; }

/**************************************\
			  	 BODY
\**************************************/
/* line 163, ../sass/print.scss */
body {
  text-align: justify;
  font-family: UbuntuRegular;
  font-size: 1em;
  line-height: 1.2em; }

/**************************************\
			  	 TOC
\**************************************/
/* line 174, ../sass/print.scss */
ul.toc, ul.toc ul {
  list-style-type: none; }

/* line 178, ../sass/print.scss */
.toc ul {
  margin: 0px; }

/* line 181, ../sass/print.scss */
.toc li.chapter a, .toc li.section a {
  font-family: UbuntuRegular; }

/* line 185, ../sass/print.scss */
.toc ul ul {
  margin-left: 27px; }

/* line 189, ../sass/print.scss */
.toc li a.PageRef::after {
  content: " " leader(".  ") "" target-counter(attr(href, url), page); }

/* line 193, ../sass/print.scss */
.toc li.chapter {
  margin-bottom: 0.5em;
  margin-top: 0.5em;
  border-bottom: 1px solid gray;
  padding-bottom: 4px; }

/* line 199, ../sass/print.scss */
.toc li.chapter a {
  font-size: 120%; }

/* line 204, ../sass/print.scss */
.toc li.section {
  margin-bottom: 0.5em;
  margin-top: 0.5em; }

/* line 209, ../sass/print.scss */
.toc li.article {
  margin-bottom: 0.4em;
  margin-top: 0.4em; }

/* line 215, ../sass/print.scss */
.toc li.chapter a.PageRef::after {
  content: " " leader(" ") "" target-counter(attr(href, url), page); }

/* line 219, ../sass/print.scss */
.toc li.chapter a::before {
  content: target-counter(attr(href, url), chapter) " "; }

/* line 223, ../sass/print.scss */
.toc li.section a::before {
  content: target-counter(attr(href, url), chapter) "." target-counter(attr(href, url), section) " "; }

/* line 226, ../sass/print.scss */
.toc li.article a::before {
  content: target-counter(attr(href, url), chapter) "." target-counter(attr(href, url), section) "." target-counter(attr(href, url), article) " "; }

/**************************************\
			   COUNTERS
\**************************************/
/* line 234, ../sass/print.scss */
body {
  counter-reset: chapter;
  counter-reset: section;
  counter-reset: article;
  counter-reset: caption; }

/* line 240, ../sass/print.scss */
article {
  counter-increment: article; }

/* line 244, ../sass/print.scss */
section {
  counter-increment: section;
  counter-reset: article; }

/* line 249, ../sass/print.scss */
.chapter {
  counter-increment: chapter;
  counter-reset: section;
  counter-reset: caption; }

/* line 255, ../sass/print.scss */
caption {
  counter-increment: caption; }

/* line 259, ../sass/print.scss */
div.chapter {
  page-break-before: always; }

/* line 263, ../sass/print.scss */
.chapter h1::before {
  content: counter(chapter) " "; }

/* line 267, ../sass/print.scss */
.chapter h2::before {
  content: counter(chapter) "." counter(section) " "; }

/* line 271, ../sass/print.scss */
.chapter h3::before {
  content: counter(chapter) "." counter(section) "." counter(article) " "; }

/* line 275, ../sass/print.scss */
caption:after {
  content: " " counter(chapter) "." counter(caption); }

/**************************************\
			   HEADINGS
\**************************************/
/* line 283, ../sass/print.scss */
h1 {
  string-set: chapter content();
  margin-top: 250px;
  color: #ffa500;
  font-size: 2em;
  margin-bottom: 1.9em;
  border-bottom: 1px solid gray;
  line-height: 2em;
  page-break-before: always; }

/* line 293, ../sass/print.scss */
h2 {
  string-set: section content();
  margin-top: 1.6em;
  margin-bottom: 1.6em;
  font-size: 1.7em;
  color: #bf8d30; }

/* line 300, ../sass/print.scss */
h3 {
  string-set: subSection content();
  margin-top: 0.8em;
  margin-bottom: 1.3em;
  font-size: 1.3em;
  color: #a66c00; }

/* line 308, ../sass/print.scss */
h1, h2, h3 {
  font-family: UbuntuRegular; }

/**************************************\
			   IMAGES
\**************************************/
/* line 316, ../sass/print.scss */
img {
  border: 3px solid #1047aa;
  -webkit-box-shadow: 1px 1px 5px #29477f;
  -moz-box-shadow: 1px 1px 5px #29477f;
  box-shadow: 1px 1px 5px #29477f;
  width: 350px; }

/**************************************\
GESHI - (CODE WITH SYNTAX HIGHLIGHTING)
\**************************************/
/* line 329, ../sass/print.scss */
.geshi pre {
  font-family: UbuntuMonoRegular;
  background-color: white;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: inset 2px 2px 2px #cccccc, #cccccc 1px 1px 2px;
  -moz-box-shadow: inset 2px 2px 2px #cccccc, #cccccc 1px 1px 2px;
  box-shadow: inset 2px 2px 2px #cccccc, #cccccc 1px 1px 2px;
  min-height: 55px;
  padding: 5px 10px 5px 0px;
  overflow: hidden;
  border: 1px solid #ccc;
  position: relative;
  font-size: 13px; }
  /* line 340, ../sass/print.scss */
  .geshi pre ol {
    list-style: decimal;
    margin-left: 30px;
    margin-top: 0px;
    margin-bottom: 0px; }
  /* line 346, ../sass/print.scss */
  .geshi pre li {
    border-left: 1px solid silver;
    padding-left: 5px;
    margin-left: 0px; }
  /* line 351, ../sass/print.scss */
  .geshi pre:after {
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;
    position: absolute;
    top: 20px;
    right: -50px;
    width: 150px;
    height: 25px;
    line-height: 25px;
    font-size: 1.2em;
    font-weight: bold;
    color: #fff;
    content: "CODE";
    background: orange;
    text-align: left;
    padding-left: 45px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  /* line 373, ../sass/print.scss */
  .geshi pre.php {
    color: #555; }
    /* line 374, ../sass/print.scss */
    .geshi pre.php:after {
      content: "PHP"; }
    /* line 378, ../sass/print.scss */
    .geshi pre.php a {
      color: #3c4c72;
      color: blue; }
    /* line 382, ../sass/print.scss */
    .geshi pre.php .de1 {
      color: #555; }
    /* line 385, ../sass/print.scss */
    .geshi pre.php .br0 {
      color: black; }
    /* line 388, ../sass/print.scss */
    .geshi pre.php .re0 {
      color: #318495; }
    /* line 391, ../sass/print.scss */
    .geshi pre.php .sy0, .geshi pre.php .sy1 {
      color: blue; }
    /* line 394, ../sass/print.scss */
    .geshi pre.php .st0 {
      color: #036a07; }
    /* line 400, ../sass/print.scss */
    .geshi pre.php .co1, .geshi pre.php .co2, .geshi pre.php .coMULTI {
      color: #ff7f00; }
    /* line 403, ../sass/print.scss */
    .geshi pre.php .kw1 {
      color: blue; }
    /* line 406, ../sass/print.scss */
    .geshi pre.php .kw2 {
      color: blue; }
    /* line 409, ../sass/print.scss */
    .geshi pre.php .st_h {
      color: green; }
  /* line 414, ../sass/print.scss */
  .geshi pre.html5:after {
    content: "HTML5"; }
  /* line 417, ../sass/print.scss */
  .geshi pre.html5 .imp {
    font-weight: bold;
    color: orange; }
  /* line 418, ../sass/print.scss */
  .geshi pre.html5 .kw2 {
    color: #4169e1;
    font-weight: bold; }
  /* line 421, ../sass/print.scss */
  .geshi pre.html5 .kw3 {
    color: #4169e1;
    font-style: italic; }
  /* line 425, ../sass/print.scss */
  .geshi pre.html5 .es0 {
    color: #4169e1;
    font-weight: bold; }
  /* line 429, ../sass/print.scss */
  .geshi pre.html5 .br0 {
    color: #4169e1; }
  /* line 432, ../sass/print.scss */
  .geshi pre.html5 .sy0 {
    color: rgba(65, 105, 225, 0.7); }
  /* line 435, ../sass/print.scss */
  .geshi pre.html5 .st0 {
    color: green; }
  /* line 438, ../sass/print.scss */
  .geshi pre.html5 .nu0 {
    color: red; }
  /* line 439, ../sass/print.scss */
  .geshi pre.html5 .sc-2 {
    color: red; }
  /* line 440, ../sass/print.scss */
  .geshi pre.html5 .sc-1 {
    color: red;
    font-style: italic; }
  /* line 441, ../sass/print.scss */
  .geshi pre.html5 .sc0 {
    color: red; }
  /* line 442, ../sass/print.scss */
  .geshi pre.html5 .sc1 {
    color: red; }
  /* line 443, ../sass/print.scss */
  .geshi pre.html5 .sc2 {
    color: rgba(65, 105, 225, 0.7); }
  /* line 446, ../sass/print.scss */
  .geshi pre.html5 span.xtra {
    display: block; }
  /* line 448, ../sass/print.scss */
  .geshi pre.css {
    color: black; }
    /* line 449, ../sass/print.scss */
    .geshi pre.css:after {
      content: "  CSS"; }
    /* line 453, ../sass/print.scss */
    .geshi pre.css .imp {
      font-weight: bold;
      color: red; }
    /* line 454, ../sass/print.scss */
    .geshi pre.css .kw1 {
      color: rgba(65, 105, 225, 0.7);
      font-weight: bold; }
    /* line 458, ../sass/print.scss */
    .geshi pre.css .kw2 {
      color: green; }
    /* line 461, ../sass/print.scss */
    .geshi pre.css .co1 {
      color: orange; }
    /* line 462, ../sass/print.scss */
    .geshi pre.css .co2 {
      color: fuchsia;
      font-style: italic; }
    /* line 463, ../sass/print.scss */
    .geshi pre.css .coMULTI {
      color: #808080;
      font-style: italic; }
    /* line 464, ../sass/print.scss */
    .geshi pre.css .es0 {
      color: fuchsia;
      font-weight: bold; }
    /* line 465, ../sass/print.scss */
    .geshi pre.css .es2 {
      color: fuchsia;
      font-weight: bold; }
    /* line 466, ../sass/print.scss */
    .geshi pre.css .br0 {
      color: black; }
    /* line 468, ../sass/print.scss */
    .geshi pre.css .sy0 {
      color: black; }
    /* line 470, ../sass/print.scss */
    .geshi pre.css .st0 {
      color: black; }
    /* line 471, ../sass/print.scss */
    .geshi pre.css .nu0 {
      color: #c5060b; }
    /* line 473, ../sass/print.scss */
    .geshi pre.css .re0 {
      color: black; }
    /* line 474, ../sass/print.scss */
    .geshi pre.css .re1 {
      color: black;
      font-style: italic; }
    /* line 477, ../sass/print.scss */
    .geshi pre.css .re2 {
      color: black; }
    /* line 479, ../sass/print.scss */
    .geshi pre.css .re3 {
      color: blue; }
    /* line 481, ../sass/print.scss */
    .geshi pre.css span.xtra {
      display: block; }
